<table>
    <tr>
        <td>Select one : <select id="vlcards_select" name="vlcards_select">
                <option value=""></option>
                <option value="visa">VISA</option>
                <option value="master">Master Card</option>
                <option value="amex">American Express</option>
                <option value="nla">Northern Link Account </option>
                <option value="ncl">Northern Cash Link Card </option>
            </select>
        </td>
        <td>
            <img src="" style="border: none" id="vlcards_images" />
        </td>
    </tr>
</table>

<script type="text/javascript">
    var img_location = "{{$images}}/";
    $(document).ready(function(){
        $("#vlcards_select").change(function()
        {
            if(this.value.length>0){                                
                $("#vlcards_images").hide().attr("src", img_location+this.value+".gif").fadeIn();
            }else{
                $("#vlcards_images").fadeOut();
            }
        });
    });
   
</script>


